.fromMessage {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-bottom: 5px;
}
.fromMessage:hover svg {
  display: inline;
}
.fromMessage > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  background-color: var(--from-message-color);
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  padding: 12px 15px;
  margin-left: 12px;
  font-size: 15px;
  color: white;
}
.fromMessage svg {
  display: none;
  fill: var(--gray);
  width: 22px;
  height: 22px;
  padding: 8px;
  border-radius: 9999px;
}
.fromMessage svg:hover {
  background-color: var(--hover-blue-color);
}
